<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:640px){
html{font-size:16px;}
}
body{color:#333;font-size:0.7rem;font-family:"microsoft yahei";behavior:url("csshover.htc");}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#333;}a:hover{}.over{transition: 0.3s linear all;}.point{cursor:pointer;}
.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.ov{overflow:hidden;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.over{transition: 0.3s linear all;}
.bold{font-weight:bold;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.enbold{font-family:Impact;}
.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt25{margin-top:25px;}.mt30{margin-top:1.5rem;}.mt50{margin-top:2.5rem;}
.font12{font-size:0.6rem;}.font14{font-size:0.7rem;}.font15{font-size:0.75rem;}.font16{font-size:16px;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font24{font-size:1.2rem;}.font30{font-size:1.5rem;}.font36{font-size:1.8rem;}
.wap{display:none;}
@media (max-width:640px){
.font18{font-size:16px;}.font20{font-size:18px;}.font24{font-size:20px;}.font30{font-size:24px;}
.pc{display:none;}.wap{display:block;}
}
.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#006eb8;}.yel{color:#c66200;}.fff{color:#fff;}.red{color:#dd2226;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.8;}.yahei{font-family:"microsoft yahei";}

.wrap{width:100%;max-width:1366px;margin:0 auto;}.wrapin{width:96%;margin:0 auto;}.w{width:100%;}.baibg{background:#fff;}.huibg{background:#f4f4f4;}

.header{height:5.5rem;background:#fff;/*box-shadow: 0 0 5px #999;*/}

.logo{margin-left:20px;}
.logor{margin-left:20px;padding-left:20px;border-left:1px solid #ddd;}

.drop{width:90px;line-height:110px;background:#c00;}
.top_wx,.sear_btn{width:50px;height:50px;line-height:50px;margin-right:1rem;border:1px solid #ddd;-webkit-border-radius:50%;border-radius:50%;}
.top_wx{margin-right:2rem;}
.top_wx img{display:none;position:absolute;top:52px;left:0;z-index:8;width:100px;margin-left:-35px;}
.top_wx:hover img{display:block;}

.sear{display:none;position:absolute;top:110px;right:0;z-index:8;padding:5px 10px;background:#f8f8f8;}
.sear .ipt{width:300px;height:30px;line-height:30px;border:none;background:none; outline:none;}
.sear button{padding:0 10px;border:none;background:none;cursor:pointer;}

.top_ab{position:absolute;right:0;top:110px;z-index:9;}
.subnav{display:none;box-shadow: 0 0 20px #ccc;}
.subnav dt{float:left;width:100%;height:2.5rem;line-height:2.5rem;border-bottom:1px solid #ddd;background:rgba(255,255,255,1);}
.subnav dt a{display:block;padding-left:3%;}
.subnav dt i{padding-right:3%;margin-top:0.8rem;}
.subnav dd{display:none;float:left;width:100%;background:#f5f5f5;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;border-bottom:1px solid #ddd;}
.subnav dd li a{display:block;padding-left:4%;}

.nav{margin-right:2rem;}
.nav li{float:left;line-height:110px;}
.nav li a{display:block;padding:0 30px;position:relative;}
.nav li a em{position:absolute;right:0;top:0;width:1px;height:65px;background:#ddd;}
.nav li a i{display:none;position:absolute;bottom:-18px;left:45%;z-index:9;}
.nav li a.on,.nav li a:hover,.nav li a.cur{color:#00a2ea;}
.nav li a.on i{display:block;}
.nav li ul{display:none;position:absolute;z-index:5;top:110px;left:0;line-height:30px;padding:30px 0 10px;background:rgba(0,104,183,.5);}
.nav li ul a{display:inline-block;padding:0 10px;color:#fff;}
.nav li ul a img{height:110px;background:#fff;}
@media (max-width:1500px){
.nav li a{display:block;padding:0 20px;}
}
@media (max-width:1200px){
.nav{display:none;}
}

/*
.scroll{position:fixed;top:0;left:0;z-index:99;background:#fff;box-shadow: 0 0 15px #999;}
.scroll .wrapin,.scroll .nav li a{color:#333;}
.scroll .sp{background:#ccc;}
.wap,.scroll .pc{display:none;}
.scroll .wap{display:block;}*/

/*slide*/
.slidebox .btn{z-index:9;position:absolute;right:35px;writing-mode: vertical-lr; writing-mode: tb-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/}
.slidebox .prev{top:20px;}
.slidebox .next{bottom:20px;}
.slidebox .btn i{display:inline-block;width:1px;height:5rem;margin:5px 0;background:#fff;}

.slidebox .bg{position:absolute;right:0;top:0;z-index:5;width:90px;height:100%;background:rgba(0,104,183,.5);}
.slidebox .swiper-pagination-bullets{right:30px;}
.slidebox .swiper-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 5px;background:#fff;opacity: 1;cursor:pointer;}
.slidebox .swiper-pagination-bullet-active{position:relative;right:5px;padding:5px;border-color:#fff;}

.bwidth{width:86%;}

.icona{padding:2rem 0;}
.icona .swiper-container .swiper-slide a{display:block;padding:90px 50px 0;}
.icona .swiper-container .swiper-slide abbr{position:absolute;}
.icona .swiper-container .swiper-slide .t{top:60px;left:50px;}
.icona .swiper-container .swiper-slide .n{top:20px;right:40px;}
.icona .swiper-container .swiper-slide .m{bottom:60px;left:35px;width:35px;height:35px;line-height:35px;border:1px solid #c00;-webkit-border-radius:50%;border-radius:50%;}
.icona .swiper-container .swiper-slide td{height:300px;text-align:right;}
.icona .swiper-container .swiper-slide td img{max-height:250px;max-width:90%;}
.icona .swiper-button-next,.icona .swiper-button-prev{position:absolute;top:50%;margin-top:-30px;padding:8px 30px;background:#c00;opacity:1;}
.icona .swiper-button-prev{left:-68px;}
.icona .swiper-container{padding:20px;}
.icona .swiper-container .swiper-slide:hover{box-shadow: 0 0 20px #aaa;}
.icona .swiper-container .swiper-slide:hover .t{color:#c00;}

.tit{position:absolute;left:-9rem;top:-1rem;width:166px;height:190px;background: url(../images/tit.png) no-repeat;}
.tit p:nth-child(3){opacity: 0.3;}
.tit p.font36{font-style:italic;}

.iconb{border-top:4px solid #177ec3;border-bottom:4px solid #177ec3;}
.iconb td{height:750px;}
.iconb .swiper-slide td img{max-width:50%;max-height:70%;}
.iconb .swiper-slide td img.r{max-width:100%;max-height:100%;}
.iconb .swiper-slide abbr{display:none;position:absolute;left:0;top:0;width:40%;}
.iconb .swiper-slide abbr .l{width:45%;height:1px;background:#e60012;}
.iconb .swiper-slide-active{transform: scale(0.8);z-index:9999;background:none;}
.iconb .swiper-slide-active abbr{display:block;}
.iconb .swiper-slide-active td{text-align:right;}
.iconb .swiper-slide-active abbr td{text-align:left;}
.iconb .btn{position:absolute;bottom:6px;right:3.2rem;z-index:9;width:2.5rem;height:2.5rem;background:#fff;cursor:pointer;transition: 0.3s linear all;}
.iconb .prev{right:5.9rem;}
.iconb .btn i{position:relative;top:10px;}
.iconb .btn:hover{color:#fff;background:#177ec3;}
.iconb .bg{position:absolute;right:0;top:0;z-index:5;width:3rem;height:100%;background:#177ec3;writing-mode: vertical-lr; writing-mode: tb-lr;}
.iconb .bg i{display:inline-block;width:1px;height:60%;margin:5px 0;background:#fff;}


.iconc .wrapin{width:72%;padding:2rem 0;}
.iconc dt{width:47%;}
.iconc dd{width:48%;}
.iconc dd li.t{height:55px;border-bottom:1px solid #dcdcdc;}
.iconc dd li.t i{position:absolute;bottom:-1px;left:0;width:30%;height:1px;background:#e60012;}
.iconc dd .m{display:inline-block;width:130px;height:32px;line-height:32px;border:1px solid #c00;}
.iconc dd .m:hover{color:#fff;background-color:#c00;}

.icond{padding:2rem 0;}
.icond .swiper-slide img{height:290px;}
.icond .swiper-slide a{display:block;}
.icond .swiper-slide p{padding-bottom:20px;}
.icond .swiper-button-next,.icond .swiper-button-prev{position:absolute;top:50%;margin-top:-30px;padding:8px 20px;background:#c00;opacity:1;}
.icond .swiper-button-prev{left:-68px;}
.icond .swiper-slide:hover{color:#fff;background:#177ec3;}
.icond .swiper-slide:hover a{color:#fff;}

.icond .subs{width:85%;}
.icond .subs a{display:inline-block;line-height:2.5rem;padding:0 2rem;margin:0 5px;color:#888;border:1px solid #ddd;background:#fff;}
.icond .subs a:hover{color:#fff;background:#c00;}
.icond .subs .m{position:absolute;right:-3rem;top:0;color:#fff;background:#c00;}

.more{display:inline-block;z-index:3;height:35px;line-height:35px;padding:0 10px;border:1px solid #c2c0c0;}
.more:hover{color:#00a2ea;border-color:#00a2ea;}
.more:hover i{margin-left:10px;}

.icone{background: url(../images/icone.jpg) center top no-repeat #f2f2f3;}
.icone .wrap{padding:270px 0 70px;}
.icone .tit{top:2rem;}
.icone li{display:inline-block;width:32%;height:440px;background:#fff;transition: 0.3s linear all;}
.icone li img{height:300px;}
.icone li p{padding:45px 55px;}
.icone li p .m{width:50px;height:50px;line-height:50px;margin-top:-10px;border:1px solid #c00;-webkit-border-radius:50%;border-radius:50%;}
.icone li:hover{color:#c00;box-shadow: 0 0 20px #aaa;}

.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}

.iconf{padding:3rem 0;}
.iconf li{float:left;width:29.3%;height:200px;padding:50px 1.5% 20px;margin:0 0 1rem 1%;border:1px solid #eee;transition: 0.3s linear all;}
.iconf li:nth-child(1){padding-top:342px;margin:0;position:relative;}
.iconf li:nth-child(1) .pic{position:absolute;top:0;left:0;height:290px;}
.iconf li a{display:block;}
.iconf li a.t{padding-left:20px;}
.iconf li a.t abbr{position:absolute;top:2px;left:0;}
.iconf li:hover{box-shadow: 0 0 20px #aaa;}

.gotop {display:none;position:fixed;bottom:5px;right:5px;z-index: 9999;width:2.5rem;height:2.5rem;line-height:3rem;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
.gotop:hover{color:#fff;background-color:#c00;}

.foot{padding:3rem 0 0;color:#888;background:#363636;}
.foot a{color:#888;}
.foot dt{padding-right:5%;}
.foot dt a{display:block;padding:10px 0;}
.foot dd{width:25%;margin-top:-1rem;}
.foot dd .t{font-size:3rem;font-family:"Times New Roman", Times, serif;}

.flink{margin:-1rem 0 1rem;}

.page_mainNav{ border-top: 1px solid #eee; height: 41px;margin:80px 0 50px;}
.page_mainNav .bracket{ background:#fff; height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid #eee;}
.page_mainNav .bracket span{ background:#fff; height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; line-height:34px;}
.page_mainNav .bracket p{color:#ccc; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.page_mainNavv{ border-top: 1px solid #fff; height: 141px; position: relative; top:100px; width:100%; margin-bottom:50px;}
.page_mainNavv .bracket{ background:url(../images/course_bg1.png); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid #fff;}
.page_mainNavv .bracket span{background:url(../images/course_bg2.png); height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold;text-align:center; line-height:34px;}
.page_mainNavv .bracket p{ font-size:18px; color:#000; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.page_mainNavvv{ border-top: 1px solid rgba(255,255,255,0.2); height: 141px; position: relative; top:100px; width:100%; margin-bottom:50px;}
.page_mainNavvv .bracket{ background:url(../images/idea_bg1.jpg); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid rgba(255,255,255,0.5);}
.page_mainNavvv .bracket span{background:url(../images/idea_bg2.jpg);background-size:cover; height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#fff; text-align:center; line-height:34px;}
.page_mainNavvv .bracket p{ font-size:18px; color:#fff; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

/* page_brands_list */
.page_brands{width:1200px; margin:0 auto;}
.brands_img{ position: relative; height:320px; width:404px;}
.brands_img .bracket{height:308px; width: 258px; position: absolute; top:0; left:0; border:6px solid #eee;}
.brands_img .bracket span{height:272px; width:380px; position: absolute; top:0px; left:0; margin:18px 0 18px 18px;}
.brands_about{ width:720px; margin-top:30px;}
.brands_about .img{ width:720px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:16px; }
.brands_about p{ font-size:12px; line-height:30px;}

.page_course{ height:600px; width:100%; background:url(../images/course_bg.jpg) center top no-repeat; margin-top:96px;}
.courseNav{ width:1200px; margin:0 auto; text-align:left;  }
.courseNav .hd{ height:80px; padding:0; position:relative; margin-bottom:10px; }
.courseNav .hd ul{ float:left;  position:absolute; height:32px;}
.courseNav .hd ul li{ float:left; cursor:pointer; background:url(../images/course_nav1.png) center 28px no-repeat; width:100px; height:80px; line-height:28px; text-align:center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; font-weight:bold;}
.courseNav .hd ul li.on{ height:80px;  background:url(../images/course_nav2.png) center 28px no-repeat; color:#006eb8;}
.courseNav .bd{background:rgba(0,0,0,0.6);}
.courseNav .bd ul{ padding:40px;  zoom:1; }
.courseNav .bd li{ height:24px; line-height:24px;}
.courseNav .bd .year{background:#006eb8; font-size:60px; width:150px;line-height:60px; color:#fff; height:120px; text-align:center;font-family: "Lucida Console", Monaco, monospace; padding:20px;}
.courseNav .bd .course{ color:#fff; line-height:32px; font-size:14px; float:right;width:900px;}

.page_honor{position:relative; width:1200px; margin:0 auto; height:418px;}
.page_honor a{display:block; border:1px solid #eee; padding:4px; background:#fff;}
.page_honor .honor_list{width:1200px;height:418px;}
.page_honor .honor_list .honor_item{ position:absolute;left:0;top:0;}
.page_honor .honor_btn{ position:absolute;top:0;width:50px;height:89px; z-index:10; cursor:pointer;  opacity:0.8}
.page_honor .honor_prev_btn{left:-300px; background: url(../images/icon_honorL.png) no-repeat center center;}
.page_honor .honor_next_btn{right:-300px; background: url(../images/icon_honorR.png) no-repeat center center;}

.page_idea{width:100%; background:url(../images/idea_bg.jpg) center top no-repeat; margin-top:96px;}
.idea_title{width:1200px; margin:0 auto; text-align:center; font-size:14px; line-height:40px; color:#fff; height:80px;}
.idea_img{width:1200px; margin:110px auto 0;}

.customer{padding-bottom:3rem;}
.customer td{height:150px;border:1px solid #ddd;}
.customer td img{max-width:95%;max-height:150px;}
.customer .btn{position:absolute;top:50%;z-index:9;width:40px;height:40px;margin-top:-20px;border:1px solid #c00;-webkit-border-radius:50%;border-radius:50%;opacity:0.5;}
.customer .prev{left:-3rem;}
.customer .next{right:-3rem;}
.customer .btn i{position:relative;top:5px;}
.customer .btn:hover{color:#fff;background:#c00;}


.where{margin-top:-64px;}
.where ol{height:60px;line-height:60px;background:rgba(0,104,183,.7);}
.where a{color:#fff;}
.where ul.fl a{float:left;padding:0 20px;border-right:1px solid #fff;}
.where ul.fl a:hover,.where ul.fl a.cur{background:#c00;}
.where ul.fr{padding-right:1%;}
.where ul.fr a{padding:0 5px;}

.psear{padding:2rem 0;background:#555;}
.psear li.a{padding:15px;margin:0 20px;-webkit-border-radius:28px;border-radius:28px;}
.psear li.a .ipt{width:500px;line-height:25px;padding:0 20px;border:0;background:#fff; outline:none;}
.psear li.a i{color:#ccc;}
.psear li.b .btn{width:120px;line-height:45px;border:0;background:#c00;-webkit-border-radius:5px;border-radius:5px;}


.news_list_cont{ width:1240px; margin:0 auto;}
.news_list_cont li{ margin:0 20px 36px;}
.news_listCont_box{width:556px; height:158px; background: #fff; transition:all 0.7s; -webkit-transition:all 0.7s; float:left; margin-bottom:40px; padding:11px; border:1px solid #eee;}
.news_listCont_box .img{width:208px; height:158px; position: relative; overflow: hidden; float:left;}
.news_listCont_box .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.news_listCont_box .zw{ width:324px; float:right;}
.news_listCont_box .zw h1{ font-size:18px; line-height:36px; color:#333;}
.news_listCont_box .zw h2{ font-size:14px; line-height:30px; font-weight:normal;  color:#ccc;}
.news_listCont_box .zw h2 span{ font-weight:bold;}
.news_listCont_box .zw h3{ font-size:12px; font-weight:normal; line-height:22px;}
.news_listCont_box:hover{background: #006eb8; border:1px solid #006eb8;}
.news_listCont_box:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.news_listCont_box:hover .zw h1{ color:#fff;}
.news_listCont_box:hover .zw h2{ color:#fff;}
.news_listCont_box:hover .zw h3{ color:#fff;}

.contact1{padding:2rem 0;}
.contact1 li{width:49%;}
.contact1 li .ipt{width:95%;height:60px;line-height:60px;padding:0 2%;border:1px solid #ddd;background:#fff;}
.contact1 li textarea{width:95%;height:180px;padding:20px 2%;border:1px solid #ddd;background:#fff;}
.contact1 li .btn{width:99%;height:62px;line-height:62px;border:1px solid #c00;background:#c00;cursor:pointer;}
.contact1 li img{position:relative;top:15px;height:40px;cursor:pointer;}

.contact2{padding:2rem 0;}
.contact2 ul{box-shadow:0 0 13px rgba(0,0,0,0.13); -moz-box-shadow:0 0 13px rgba(0,0,0,0.13); -webkit-box-shadow:0 0 13px rgba(0,0,0,0.13);}
.contact2 li{padding:10px;}
.contact2 li div{height:550px;}

.Contact_left{box-shadow:0 0 13px rgba(0,0,0,0.13); -moz-box-shadow:0 0 13px rgba(0,0,0,0.13); -webkit-box-shadow:0 0 13px rgba(0,0,0,0.13);}
.Contact_left .l1{ float:left; width:100%; padding:52px 7.2% 42px 5%; position:relative;}
.Contact_left .l1 h1{ float:left; width:100%;font-size:36px; line-height:40px;}
.Contact_left .l1 h5{ float:left; width:100%; color:#9c9c9c; font-size:16px; line-height:26px; text-transform:uppercase; font-family:Arial; margin-top:8px;}
.Contact_left .l2{ float:left; width:100%; padding-bottom:62px;}
.Contact_left .l2 li{ float:left;padding:17px 0; padding-right:3%; background:#f5f5f5; height:100px; overflow:hidden; position:relative;}
.Contact_left .l2 li.le1{ padding-left:5%; width:49%;}
.Contact_left .l2 li.le2{ float:right;width:40%;}
.Contact_left .l2 li.l1{ background:#fff;}
.Contact_left .l2 li span{ float:left; width:100%; color:#4c4c4c; font-size:16px; line-height:30px; padding:18px 0 0 62px;}
.Contact_left .l2 li span.ico1{ background:url(../images/ico4.png) left 22px no-repeat;}
.Contact_left .l2 li span.ico2{ background:url(../images/ico5.png) left 22px no-repeat;}
.Contact_left .l2 li span.ico3{ background:url(../images/ico6.png) left 22px no-repeat;}
.Contact_left .l2 li span.ico4{ background:url(../images/ico7.png) left 22px no-repeat;}
.Contact_left .l2 li span.ico5{ background:url(../images/ico8.png) left 22px no-repeat;}
.Contact_left .l2 li span.ico6{ padding-left:115px;}
.Contact_left .l2 li .pic1{ float:left; position:absolute; left:0; top:17px; width:96px;}

.serv1{height:385px;margin-top:-50px;background:url(../images/serv1.png) center bottom no-repeat;}
.serv1 .wrap{width:1260px;padding-top:180px;}
.serv1 li{padding-left:50px;}
.serv1 li .m{display:inline-block;width:170px;line-height:40px;border:2px solid #fff;-webkit-border-radius:22px;border-radius:22px;}

.serv2{padding:2rem 0;background:url(../images/serv2.jpg) center bottom no-repeat;}
.serv2 li{float:left;width:25%;margin-top:50px;}
.serv2 li a{display:block;color:#fff;}
.serv2 li a:before {
    content: '';
    position: relative;
    top: 0;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    background: url(../images/serv2.png) no-repeat center 0;
    background-size: cover;
    transition: 0.3s linear all;
}
.serv2 li:nth-child(2) a:before {background-position: center 11%;}
.serv2 li:nth-child(3) a:before {background-position: center 22%;}
.serv2 li:nth-child(4) a:before {background-position: center 33%;}
.serv2 li:nth-child(5) a:before {background-position: center 44%;}
.serv2 li:nth-child(6) a:before {background-position: center 55%;}
.serv2 li:nth-child(7) a:before {background-position: center 66%;}
.serv2 li:hover a:before{top:-5px;}

.serv3{padding-bottom:1.5rem;}
.serv3 ol{border:1px solid #ddd;}
.serv3 ul{padding:20px 20px 0;}
.serv3 li{display:inline-block;width:23%; vertical-align:top;}
.serv3 li.w{width:100%;}
.serv3 li .ipt{width:96%;line-height:40px;padding:0 2%;border:1px solid #ddd;background:#f3f3f3;}
.serv3 li textarea{width:98%;height:200px;padding:10px 1%;border:1px solid #ddd;background:#f3f3f3;}
.serv3 li img{height:42px;position:relative;top:17px;}
.serv3 li .btn{width:220px;line-height:40px;border:0;background:#555;}


.pnav{width:20%;z-index:2;box-shadow: 0 0 20px #ccc;}
.pnav dl{padding:20px;}
.pnav .t{padding:20px 10%;}
.pnav dt,.pnav dd{width:80%;padding:0 10%;}
.pnav dt{line-height:60px;border-bottom:1px solid #eee;}
.pnav dt i{color:#999;}
.pnav dt.cur{background:#006eb8;}
.pnav dt.cur a,.pnav dt.cur i{color:#fff;}
.pnav dd{display:none;line-height:30px;border-bottom:1px solid #e8e8e8;}
.pnav dd a{display:block;}
.pnav dd.show{display:block;}

.prolist{width:77%;z-index:1;padding:50px 0;}
.prolist li{float:left;width:32%;height:21rem;margin:20px 2% 0 0;display:inline;background:#fff;overflow:hidden;position:relative;transition: 0.3s linear all;}
.prolist li td{height:16rem;}
.prolist li td img{max-height:16rem;max-width:90%;}
.prolist li a{display:block;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li span{display:inline-block;}
.prolist li span:nth-child(2){margin-left:20px;}
.prolist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}
.prolist li abbr{display:none;position:absolute;top:0;left:0;width:100%;height:21rem;background:rgba(0,104,183,.7);}
.prolist li abbr a{float:left;width:50%;margin-top:25%;color:#fff;}
.prolist li abbr a:before {
    content: '';
    position: relative;
    top: 0;
    display: block;
    margin:0 auto 10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;
    width: 48px;
    height: 48px;
    background: url(../images/pro_icon.png) no-repeat;
    background-size: cover;
    transition: 0.3s linear all;
}
.prolist li abbr a:nth-child(2):before{background-position: -58px 0;}
.prolist li abbr a:nth-child(3):before{background-position: -173px 0;}
.prolist li abbr a:nth-child(4):before{background-position: -115px 0;}
.prolist li:hover abbr{display:block;}

.proshow{width:80%;z-index:1;padding:50px 0;}
.shadow_foot{box-shadow: 0 0px 20px #ccc;}

.prol{width:26%;margin:0 6%;}
.prol .gallery-top{width:99%;border:1px solid #eee;}
.prol .gallery-top td{height:22rem;}
.prol .gallery-top img{max-width:100%;max-height:95%;}
.prol .gallery-thumbs{width:90%;}
.prol .gallery-thumbs img{width:3rem;height:3rem;border:1px solid #ddd;}
.prol .gallery-thumbs .swiper-slide-thumb-active img{border:1px solid #043a6f;}

.prol .btn{z-index:9;position:absolute;bottom:0.8rem;color:#ccc;cursor:pointer;transition: 0.3s linear all;}
.prol .prev{left:-10px;}
.prol .next{right:-10px;}
.prol .btn.swiper-button-disabled{color:#eee;}
.prol .btn.swiper-button-disabled{color:#eee;}


.pror{width:45%;}
.pror .line{height:1px;background:#ddd;}
.pror .btn a{display:inline-block;padding:0 20px;height:45px;line-height:45px;color:#fff;background:#00a2ea;-webkit-border-radius:5px;border-radius:5px;}
.pror .btn a:nth-child(2){margin:0 2rem;background:#f60;}
.pror .btn a:nth-child(3){margin:0 2px;background:#f60;}
.pror .btn a.s{padding:0;width:30px;height:30px;line-height:30px;text-align:center;-webkit-border-radius:50%;border-radius:50%;}

.xing{padding-left:5rem;}
.xing abbr{position:absolute;left:0;top:0;}
.xing a{display:inline-block;padding:0 10px;line-height:1.6rem;margin:0 10px 10px;text-align:center;border:1px solid #ddd;-webkit-border-radius:5px;border-radius:5px;}
.xing a.cur{color:#c00;border-color:#c00;}
.canshu ol{display:block;width:200px;}
.canshu li{float:left;width:100%;height:30px;line-height:30px;border-bottom: 1px solid #eee;background:#fff;}
.canshu li:nth-child(2n){background:#eee;}
.canshu li span{display:inline-block;width:80%;background:#333;}
.canshu li:nth-child(1){background:none;}
.canshu .b li:nth-child(1) span{background:#00b3d5;}
.canshu .cur li:nth-child(1) span{background:#c00;}
.canshu .cur li:nth-child(2n){background:#ccc;}

.pcon{width:72%;margin-left:5%;}
.pcon dl{padding:20px;}

.ptab{}
.ptab dt li{display:inline-block;line-height:35px;padding:0 5px;margin:0 2rem;vertical-align:top;cursor:pointer;}
.ptab dt li.on{color:#333;border-bottom:4px solid #c00;}
.ptab dd ul{display:none;}

.tjpro li{float:left;width:32%;height:21rem;margin:0 2% 2rem 0;display:inline;background:#fff;overflow:hidden;position:relative;transition: 0.3s linear all;}
.tjpro li td{height:16rem;overflow:hidden;}
.tjpro li td img{max-height:16rem;max-width:90%;}
.tjpro li a{display:block;}
.tjpro li:nth-child(3n){margin-right:0;}
.tjpro li span{display:inline-block;}
.tjpro li span:nth-child(2){margin-left:20px;}
.tjpro li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}


.caselist li{float:left;width:23.5%;height:21rem;margin:2rem 2% 0 0;display:inline;color:#999;background:#fff;overflow:hidden;position:relative;transition: 0.3s linear all;}
.caselist li td{height:15rem;overflow:hidden;}
.caselist li td img{height:15rem;width:100%;}
.caselist li a{display:block;}
.caselist li:nth-child(4n){margin-right:0;}
.caselist li span{display:inline-block;}
.caselist li span:nth-child(2){margin-left:20px;}
.caselist li:hover{color:#fff;background:#006eb8;obox-shadow: 0 0px 20px #ccc;}
.caselist li:hover a{color:#fff;}
.caselist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}


.acon{padding:2rem 5%;}
.acon .desc{height:2rem;border-bottom:1px solid #dedede;}
.acon .s{padding:0 10px;color:#ccc;}
.maxpic img{max-width:100%;}

.prenext{padding:0.5rem 0;border-top:1px solid #ddd;}

/* page_news_list */
.page_activity_list{width:1200px; margin:0 auto;}
.activity_latest{width:580px; height:600px;}
.activity_latest .img{width:580px; height:440px; position: relative; overflow: hidden; float:left;}
.activity_latest .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.activity_latest .zw{ width:538px; padding:0 20px 10px; border:1px #eee solid; }
.activity_latest .zw h1{ font-size:18px; line-height:36px; height:36px; display:inline-block; margin-top:10px; width:100%;}
.activity_latest .zw h2{ font-size:12px; line-height:22px; font-weight:normal; display:inline-block; height:66px;}
.activity_latest p{ font-size:14px; font-weight: bold; line-height:35px; padding:0 20px 0; border-bottom:2px solid #eee; color:#177ec3; border-left:1px solid #eee; border-right:1px solid #eee;}
.activity_latest p span{ font-weight: normal; background:url(../images/icon_news1.png) 0 1px no-repeat; padding-left:20px;}
.activity_latest:hover{background: #177ec3;transition:all 0.7s; -webkit-transition:all 0.7s; }
.activity_latest:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.activity_latest:hover .zw{ border:1px #177ec3 solid; transition:all 0.7s; -webkit-transition:all 0.7s; }
.activity_latest:hover .zw h1{ color:#fff;}
.activity_latest:hover .zw h2{ color:#fff;}
.activity_latest:hover p{color:#fff; border-bottom:2px solid #177ec3; border-left:1px solid #177ec3; border-right:1px solid #177ec3; transition:all 0.7s; -webkit-transition:all 0.7s;}
.activity_latest:hover p span{ font-weight: normal; color:#fff; background:url(../images/icon_news2.png) 0 1px no-repeat;}
.activity_latest .triangle_topright { width: 0; height: 0; border-top:84px solid #177ec3; border-left: 84px solid transparent; position:absolute; z-index:1; margin-left:496px;}
.activity_latest .triangle_topfont {width:60px; text-align:center; transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:absolute; z-index:2;  margin:21px 0 0 520px; color:#fff; font-size:14px;}
.activity_past{ width:620px;}
.activity_past li{ width:270px; margin:0 0 40px 40px; float:left;}
.past_list{width:270px; height:280px; float:left;}
.past_list .img{width:270px; height:185px; position: relative; overflow: hidden; float:left;}
.past_list .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.past_list h3{ font-size:18px; line-height:56px; height:56px; display:inline-block; width:248px; border:1px #eee solid; padding-left:20px;}
.past_list p{ font-size:12px; line-height:35px; background:url(../images/icon_news1.png)20px 10px no-repeat; padding:0 20px 0 40px; border-bottom:2px solid #eee; color:#ccc; border-left:1px solid #eee; border-right:1px solid #eee;}
.past_list p span{ font-weight: normal;}
.past_list:hover{background: #177ec3; transition:all 0.7s; -webkit-transition:all 0.7s;}
.past_list:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.past_list:hover h3{ color:#fff; border:1px #177ec3 solid; transition:all 0.7s; -webkit-transition:all 0.7s;}
.past_list:hover p{ color:#fff; border-bottom:2px solid #177ec3; border-left:1px solid #177ec3; border-right:1px solid #177ec3; background:url(../images/icon_news2.png) 20px 10px no-repeat; transition:all 0.7s; -webkit-transition:all 0.7s;}
.past_list .triangle_topright { width: 0; height: 0; border-top:70px solid #666; border-left: 70px solid transparent; position:absolute; z-index:1; margin-left:200px;}
.past_list .triangle_topfont {width:54px; text-align:center; transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:absolute; z-index:2;  margin:17px 0 0 218px; color:#fff; font-size:12px;}
.activity_more{ width:190px; margin:20px auto 0;}
.activity_more a{ display:block; width:190px; height:56px; font-size:18px; font-weight:bold; background:#eee; text-align:center; line-height:56px;}
.activity_more a:hover{ background:#177ec3; color:#fff;}

.page_mainNavvvv{ border-top: 1px solid rgba(255,255,255,0.2); height: 141px; position: relative; top:100px; width:100%; margin-bottom:50px;}
.page_mainNavvvv .bracket{ background:url(../images/news_bg1.png); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid rgba(255,255,255,0.5);}
.page_mainNavvvv .bracket span{background:url(../images/news_bg2.png); height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#fff; text-align:center; line-height:34px;}
.page_mainNavvvv .bracket p{ font-size:18px; color:#fff; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.page_mainNavvvvv{ border-top: 1px solid rgba(255,255,255,0.2); height: 141px; position: relative; top:100px; width:100%; margin-bottom:68px;}
.page_mainNavvvvv .bracket{ background:url(../images/branch_bg1.png); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid rgba(255,255,255,0.5);}
.page_mainNavvvvv .bracket span{background:url(../images/branch_bg2.png); height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#fff; text-align:center; line-height:34px;}
.page_mainNavvvvv .bracket p{ font-size:18px; color:#fff; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.page_mainNavvvvvv{ border-top: 1px solid rgba(255,255,255,0.2); height: 141px; position: relative; top:100px; width:100%; margin-bottom:50px;}
.page_mainNavvvvvv .bracket{ background:url(../images/champion_bg1.png); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid rgba(255,255,255,0.5);}
.page_mainNavvvvvv .bracket span{background:url(../images/champion_bg2.png); height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#fff; text-align:center; line-height:34px;}
.page_mainNavvvvvv .bracket p{ font-size:18px; color:#fff; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.about_news_list{ height:720px; width:100%; background:url(../images/news_bg.jpg) center top no-repeat; margin-top:70px;}
.news_list{ width:1240px; margin:0 auto;}
.news_list li{ margin:0 20px 36px;}
.news_list_box{width:556px; height:158px; background: #fff; transition:all 0.7s; -webkit-transition:all 0.7s; float:left; margin-bottom:40px; padding:12px;}
.news_list_box .img{width:208px; height:158px; position: relative; overflow: hidden; float:left;}
.news_list_box .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.news_list_box .zw{ width:324px; float:right;}
.news_list_box .zw h1{ font-size:18px; line-height:36px; color:#333;}
.news_list_box .zw h2{ font-size:14px; line-height:30px; font-weight:normal;  color:#ccc;}
.news_list_box .zw h2 span{ font-weight:bold;}
.news_list_box .zw h3{ font-size:12px; font-weight:normal; line-height:22px;}
.news_list_box:hover{background: #177ec3;}
.news_list_box:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.news_list_box:hover .zw h1{ color:#fff;}
.news_list_box:hover .zw h2{ color:#fff;}
.news_list_box:hover .zw h3{ color:#fff;}
.news_more{ width:190px; margin:0 auto ;}
.news_more a{ display:block; width:190px; height:56px; font-size:18px; font-weight:bold; background:#fff; text-align:center; line-height:56px;}
.news_more a:hover{ background:#177ec3; color:#fff;}


.about_industry{width:1200px; margin:0 auto;}
.about_industry_recommend{ width:580px;}
.about_industry_recommend img{ width:280px; height:360px;}
.about_industry_recommend_con{ width:248px; height:308px; border:1px solid #eee; padding:25px;}
.about_industry_recommend_con .title{  font-size:20px; color:#333; font-weight:bold; line-height:36px; }
.about_industry_recommend_con .time{ font-size:14px; color:#ccc; line-height:24px;}
.about_industry_recommend_con .cont{ line-height:26px; margin-top:20px;}
.about_industry_recommend_con .m{ margin-top:20px;}
.about_industry_recommend_con .m a{  display:block; width:128px; height:38px; border:1px solid #666; text-align:center; line-height:38px; font-weight:bold; font-size:14px;}
.about_industry_recommend_con .m a:hover{ background:#177ec3; border:1px solid #177ec3; color:#fff;}
.about_industry_list{ width:580px;}
.about_industry_list li{ float:left; width:538px; height:66px; border: solid 1px #eee; padding:20px; margin-bottom:18px;}
.about_industry_list li .time{ float:left; width:100px; height:66px; border-right:solid 1px #ddd; text-align:center; font-size:30px; line-height:33px; font-weight:bold; color:#ccc;}
.about_industry_list li .time span{ font-size:28px; font-weight:normal;}
.about_industry_list li .title{ float:left; width:420px; margin-left:17px; line-height:30px; font-size:16px; font-weight:bold; color:#666;}
.about_industry_list li .cont{ float:left; width:420px; margin-left:17px; line-height:18px; font-size:12px; color:#666;}
.about_industry_list li:hover{ background:#177ec3; border: solid 1px #177ec3; color:#fff;}
.about_industry_list li:hover .time{ color:#fff; border-right: solid 1px #fff;}
.about_industry_list li:hover .title{ color:#fff;}
.about_industry_list li:hover .cont{ color:#fff;}

/* 栏目页分页 */
.pages{padding:2rem 0;}
.pages a{padding:6px 12px;margin:0 5px;color:#333;border:1px solid #eee;background:#fff;-webkit-border-radius:5px;border-radius:5px;}
.pages a:hover, .pages a.page-num-current{color:#fff;background:#006eb8;}

.proshow table,.proshow table td,.proshow table th{border:1px solid #ddd;border-collapse:collapse;}
.proshow table td{padding:5px 10px;}
/*
.proshow .tab table{display:none;}
.proshow .tab table:nth-child(1){display:block;}*/

/*在线客服*/
.contactusdiyou {position:fixed;right:-230px;bottom:0px;_position:absolute;width:230px;height:100%;background:#00b3d5;z-index:99999999999;_margin-bottom:0px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));transition:all .5s ease;color:#fff;}
.contactusdiyou a {color:#fff;}
.contactusdiyou a:hover {color:#333;}
.contactusdiyou .hoverbtn {width:50px;height:129px;padding-top:20px;cursor:pointer;position:absolute;top:30%;margin-top:-66px;left:-50px;font-size:20px;color:#fff;background:#00b3d5;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;-o-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;}
.contactusdiyou .hoverbtn span {width:50px;height:25px;line-height:25px;text-align:center;overflow:hidden;float:left;}
.contactusdiyou .hoverbtn .hoverimg {width:13px;height:9px;margin:10px 0px 0px 17px;float:left;display:inline;background-repeat:no-repeat;}
.contactusdiyou .conter {width:186px;height:700px;margin-left:22px;position:absolute;top:50%;margin-top:-300px;}
.contactusdiyou .conter .con1 dl.ic1 dt {background:url(../images/tel3.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic2 dt {background:url(../images/zxkfqq.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic3 dt {background:url(../images/weixin.png) no-repeat;}
.contactusdiyou .conter .con1 {border-bottom:1px solid #fff;padding-bottom:30px;margin-bottom:30px;}
.contactusdiyou .conter .con1 dl dt {background:url(../images/tel3.png) no-repeat;padding-left:40px;height:31px;line-height:31px;font-size:16px;color:#fff;font-weight:bold;padding-bottom:6px;}
.contactusdiyou .conter .con1 dl dd {padding-left:40px;}
.contactusdiyou .conter .con1 dl dd .ph_num {font:18px 'Microsoft yahei';color:#fff;height:25px;}
.diyoumask {position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;opacity:0.3;filter:alpha(Opacity=30);background:#000;display:none;}

.kefuQQ span.SQ a {background:#333;color:#fff;margin-bottom:5px;}
.kefuQQ span.SQ a:hover {background:#F00;color:#fff;}
.kefuQQ span.QQ a {background:url(../images/kf3.png) 10px center no-repeat #333;}
.kefuQQ span.QQ a:hover {background:url(../images/kf3.png) 10px center no-repeat #F00;}

.wpa-container {text-align:center;display:inline-block;*zoom:1;*display:inline;width:94px;height:28px;line-height:28px;text-decoration:none;border:1px solid #333;border-radius:2px;font-size:14px;font-family:"microsoft yahei";}
.theme-1 {background:#fff;color:#1e2330;}
.theme-1 .iconqqs {background:url("../images/kf2.png") no-repeat;background-size:20px 20px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;width:20px;height:20px;margin-right:3px;}

</pre></body></html>